import { Component, useState } from "react"

export default class Card extends Component{

constructor(props){
    super();
    this.state = {
        width : props.width,
        height : props.height,
        border : props.border,
        backColor : props.background
    }
}
render(){
    return (
        <>
            <div  style={{ width : `${this.props.width}`, margin:`20px`,height : `${this.props.height}`,background : `${this.props.background}`,borderRadius:`15px`}}>
                <p style={{fontSize:`20px`,color:`#fff`,fontWeight:`bold`,padding:`0 5%`}}>{this.props.title}</p>
                <p style={{fontSize:`50px`,color:`#fff`,fontWeight:`bold`,margin:`0 10%`,float:`right`}}>0</p>
            </div>
        </>
    )
}
}
